function getCookie(name) {
    var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
    return r ? r[1] : undefined;
}

$(document).ready(function() {
    $("#mobile").focus(function(){
        $("#mobile-err").hide();
    });
    $("#password").focus(function(){
        $("#password-err").hide();
    });
    // TODO: 添加登录表单提交操作
    $(".form-login").submit(function(e){
        e.preventDefault();
        mobile = $("#mobile").val();
        password = $("#password").val();
        if (!mobile) {
            $("#mobile-err span").html("请填写正确的手机号！");
            $("#mobile-err").show();
            return;
        } 
        if (!password) {
            $("#password-err span").html("请填写密码!");
            $("#password-err").show();
            return;
        }
        //params参数的第一种设置获取方式
        // var params={
        //     "mobile":mobile,
        //     "password":password
        // }


        // params获取得第2种方式
        var params={}
        //将表单form-login当中所有要提交的内容序列化成一个数组，然后将这个数组进行map遍历
        //进行遍历的时候，取到数组中每一个input对应的name的值，value就是当前表单中对应的输入的值。
        $(".form-login").serializeArray().map(function(x){
            params[x.name]=x.value
        })
        //通过ajax向后端接口发送请求，让后端进行用户名和密码的校验
        $.ajax({
            url:"/api/v1.0/session",
            type:"post",
            contentType:"application/json",
            headers:{
                "X-CSRFToken":getCookie("csrf_token")
            },
            data:JSON.stringify(params),
            success:function(resp){
                if (resp.errno == "0"){
                    //跳转到首页
                    location.href="/index.html"
                }else{
                    $(".error-msg span").html(resp.errmsg);
                    $(".error-msg").show();
                }
            }
        })
    });
})
